<!DOCTYPE HTML>
<html>
<head>
  <meta charset=utf-8>
  <title>CSS Test: localized font-family name and fallbacks</title>
  <link rel="author" title="Takuya Oikawa" href="takoratta@gmail.com"/>
  <link rel="help" href="http://dev.w3.org/csswg/css-fonts/" />
  <link rel="help" href="http://dev.w3.org/csswg/css-fonts/#font-family-prop"/>
  <!-- (from the spec) Some font formats allow fonts to carry multiple localizations of the family name. User agents must recognize and correctly match all of these names independent of the underlying platform localization, system API used or document encoding: -->
  <style type="text/css">
   p { color: navy; font-size: 4em; margin: 0.25em; }
   .a span.test { font-family: "無いフォント", "Times New Roman"; }
   .a span.control { font-family: "Times New Roman"; }
   .b span.test { font-family: "無いフォント", "Arial"; }
   .b span.control { font-family: "Arial"; }
   .c span.test { font-family: "無いフォント", "Courier New"; }
   .c span.control { font-family: "Courier New"; }
  </style>
 </head>
 <body>
  <div>In each of the three lines below, the two words should look identical.</div>
  <p class="a">
   <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
   &mdash;
   <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
  </p>
  <p class="b">
   <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
   &mdash;
   <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
  </p>
  <p class="c">
   <span class="test">&#x0162;&#x0119;&#x015F;&#x0163;</span>
   &mdash;
   <span class="control">&#x0162;&#x0119;&#x015F;&#x0163;</span>
  </p>
 </body>
</html>
